<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>配件费用查询</title>
	<link rel="stylesheet" href="../../plugin/css/fonts/font-awesome.min.css" />
    <link rel="stylesheet" href="../../plugin/weui/css/weui.min.css" />
    <link rel="stylesheet" href="../../plugin/weui/css/jquery-weui.min.css" />
    <link rel="stylesheet" href="../../plugin/mui/css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../../plugin/mui/css/app.css" />
    <link rel="stylesheet" type="text/css" href="../css/global.css" />
    <link rel="stylesheet" type="text/css" href="../css/partsCost.css" />
</head>

<body>
<div id="app">
    <div class="content">
        <div class="content-block-title">配件费用查询:</div>
        <div class="m-cell">
            <div class="weui-form-preview__bd">
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">产品组</label>
                    <a class="city" onclick="show()">
                        <span class="weui-form-preview__value" id="product1">未选择产品组</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="m-cell">
            <div class="weui-form-preview__bd">
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">产品</label>
                    <span class="weui-form-preview__value" id="product2">未选择产品</span>
                </div>
            </div>
        </div>
        <div class="m-cell">
            <div class="weui-form-preview__bd">
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">配件</label>
                    <span class="weui-form-preview__value" id="product3">未选择配件</span>
                </div>
            </div>
        </div>
        <div class="m-cell">
            <div class="weui-form-preview__bd">
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">价格(元)</label>
                    <span class="weui-form-preview__value" id="price"></span>
                </div>
            </div>
        </div>
        <footer class="footer">
            <button id="city" type="button" class="mui-col-xs-12 mui-btn-outlined mui-btn-primary mui-btn register city" onclick="show()">
                选择配件
            </button>
        </footer>
    </div>
    <script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
    <script src="../../plugin/vue/vue.min.js"></script>
    <script src="../../plugin/weui/js/jquery-weui.min.js"></script>
    <script src="../../plugin/mui/js/mui.min.js"></script>
    <script src="../../plugin/rewrite/js/Popt.js"></script>
    <script src="../../plugin/rewrite/js/partsCost.js"></script>
    <script src="../../common/server.js"></script>
    <script type="text/javascript">
        $(".city").click(function (e) {
            SelCity(this, e);
            console.log(this);
        });
        mui.init();
        var mask = mui.createMask(); //callback为用户点击蒙版时自动执行的回调；
        function show() {

            mask.show(); //显示遮罩
        }
    </script>
</body>

</html>